<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index1.css">
    <script src="lib/jquery-3.2.1.js"></script>
</head>
<body>
    <div class="bigheader">
        <div class="header"></div>
    </div>
    <div class="header-bignav">
        <div class="header-nav">
            <span class="header-nav-left">
                <span class="address"></span>
                <span class="left-word">深圳 &lt;切换&gt;</span>
            </span>
            <span class="header-navword">
                <a href="#">首页</a>
                <a href="#">资讯</a>
                <a href="#">测评</a>
                <a href="#">商城</a>
            </span>
            <span class="header-nav-right">
                <span class="personal"></span>
                <span class="right-word">个人中心</span>
            </span>
            <div class="photo1"></div>
            <div class="photo2"></div>
            <div class="photo3"></div>
            <div class="photo4"></div>
            <div class="photo5"></div>
            <div class="photo6"></div>
        </div>
    </div>
    <div class="content">
        <div class="left">
            <ul>
                <li class="li1" id="lis"><a class="a1" href="#">用户中心首页</a></li>
                <li class="strong"><a  href="#">我的检测</a></li>
                <li><a href="#">上门检测</a></li>
                <li><a href="#">DIY检测</a></li>
                <li class="strong"><a  href="#">我的治理</a></li>
                <li><a href="#">上门治理</a></li>
                <li class="strong"><a href="#">我的装修</a></li>
                <li><a href="#">装修方案</a></li>
                <li class="strong"><a href="#">我的收藏</a></li>
                <li><a href="#">装修材料</a></li>
                <li><a href="#">净化产品</a></li>
                <li><a href="#">资讯</a></li>
                <li><a href="#">测评</a></li>
                <li class="strong"><a href="#">个人资料</a></li>
                <li><a href="#">个人资料</a></li>
                <li><a href="#">修改密码</a></li>
                <li class="lix"><a class="a2" href="index2.html">绑定手机\微信</a></li>
                <li class="strong"><a href="#">积分管理</a></li>
                <li><a href="#">积分兑换</a></li>
                <li><a href="#">积分等级</a></li>
                <li><a href="#">积分任务</a></li>
            </ul>
        </div>
        <div class="main">
            <div class="main1">
            <div class="computer"></div>
            <div class="left-words">
                <p><a href="#">用户名</a></p>
                <p><a href="#">积分值：198分</a></p>
                <p><a href="#">我的消息：0条</a></p>
            </div>
            <div class="hr3"></div>
            <div class="hr1"></div>
            <div class="right-1">
                <p><a href="#">微信绑定</a></p>
                <p><a href="#">未绑定 </a><a class="xright1" href="#"> 立即绑定</a></p>
            </div>
            <div class="right-2">
                <p><a href="#">手机号码绑定</a></p>
                <p><a href="#">未绑定 </a><a class="xright2" href="#">立即绑定</a></p>
            </div>
            <div class="weixin"></div>
            <div class="phone"></div>
        </div>
        <div class="main2">
            <div class="center-head"><a href="#">修改密码</a></div>
            <div class="xuline"></div>
            <div class="phonex">
                <div class="phonex-word">
                    <p>手机号绑定</p>
                    <p>您还未绑定手机号</p>
                    <div class="btn1"><a href="#">立即绑定</a></div>
                    <div class="phone-photo"></div>
                </div>
            </div>
            <div class="wechat">
                <div class="phonex-word">
                    <p>微信绑定</p>
                    <p>您还未绑定微信号</p>
                    <div class="btn1"><a href="#">立即绑定</a></div>
                    <div class="wechat-photo"></div>
                </div>
            </div>
        </div>
    </div>
</div>
    <div id="footer">
        <div class="footer-center">
            <div class="footer-logo"></div>
            <div class="center-word">
                <p>为室内环境健康把好每一关</p>
                <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
                <p>和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
            </div>
        <div class="hr"></div>
        <div class="center-bottom">
            <div><p>深圳建筑科学研究院股份有限公司 &nbsp;&nbsp;&nbsp;家居医生网</p></div>
            <div class="right"><p>粤ICP备08011321号 &copy;Copyright All Right Reserved</p></div>
        </div>
        <div class="footer-right">
            <div class="right1">
                <a href="#" class="tx">关于我们</a>
                <a href="#">版权说明</a>
                <a href="#" id="xt">官方微信</a>
            </div>
            <div class="right2">
                <a href="#" class="tx">联系我们</a>
                <a href="#">用户隐私</a>
                <a href="#" id="xt">天猫旗舰店</a>
            </div>
            <div class="right3">
                <a href="#" class="tx">加入我们</a>
                <a href="#">免费申明</a>
                <a href="#" id="xt">有赞商城</a>
            </div>
            <div class="logo1"></div>
            <div class="logo2"></div>
            <div class="logo3"></div>
        </div>
    </div>
    </div>
    <!-- <script>
        $(".a1,a2").click(function(){
            $(".main>div").eq($(this).index()).show().siblings().hide();
        })
    </script> -->
</body>
</html>